
<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>TSP网点需汇报产品列表</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
    .is_hiddenTr{display: none;}
    </style>

</head>

<body class="white-bg animated fadeIn x_sorll" style="padding: 3px;">
     <div class="page-heade">
          <h2 class="title_color text-center">TSP网点需汇报产品列表</h2>
    </div>
    <form action="" class="form-inline" id="form1">
        <table class="table table-bordered bud_hei">
              <tr>
                 <td class="text-right">分区：</td>
                 <td><input type="text" name="" class="form-control"></td>
                 <td class="text-right">省份：</td>
                 <td><input type="text" name="" class="form-control"></td>
                 <td class="text-right">城市：</td>
                 <td><input type="text" name="" class="form-control"></td>
              </tr>
            <tr>
                 <td class="text-right">系统：</td>
                 <td><input type="text" name="" class="form-control"></td>
                 <td class="text-right">一级渠道：</td>
                 <td><input type="text" name="" class="form-control"></td>
                 <td class="text-right">二级渠道：</td>
                 <td><input type="text" name="" class="form-control"></td>
              </tr>
             <tr>
                 <td class="text-right">网点：</td>
                 <td><input type="text" name="" class="form-control"></td>
                 <td class="text-right">产品名称：</td>
                 <td colspan="3"><input type="text" name="" class="form-control"></td>
              </tr>
            <tr>
                   <td colspan="6" class="text-center">
                       <button class="btn-sm btn-info btn">查询</button><span class="lr_5"></span><button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button> 
                   </td>
            </tr>
        </table>
    </form>
    <div class="padding-10"><a href="{:url('Other/addnetgatherpro')}" class="btn btn-sm btn-info J_menuItem">批量设置网点需汇报产品</a></div>
    <table class="table table-striped table-bordered table-hover bud_hei text-center" style="width: 100%;">
        <tr class="info">
          <td>N0.</td>
          <td>网点名</td>
          <td style="width: 300px">需汇报的产品</td>
          <td>分区</td>
          <td>省份</td>
          <td>城市</td>
          <td>系统</td>
          <td>一级渠道</td>
          <td>二级渠道</td>
          <td>操作</td>
        </tr>
         <tr>
          <td>1</td>
          <td class="text-left">宝泰吉之岛分店</td>
          <td class="text-left is_verify"><div class="form-group protext"><span>20冰粽礼盒,</span><span>19冰花粽礼盒,</span><span>09蛋黄海味咸肉粽,</span><span>15福利礼盒,</span><span>14好粽铁盒,</span><span>16锦绣浓情粽礼盒,</span><span>09蛋黄海味咸肉粽,</span></div><button class="btn btn-sm btn-info is_verifyA" type="button" style="display: inline-block;">展开查看详情</button></td>
          <td>华南大区</td>
          <td>广东省</td>
          <td>广州市</td>
          <td>广州酒家演示系统</td>
          <td>特殊渠道</td>
          <td>团购</td>
          <td><a href="{:url('Other/netgathermodify')}">修改</a></td>
         </tr>
         <tr class="is_hiddenTr text-left">
          <td colspan="10"><div class="form-group"><span>20冰粽礼盒,</span><span>19冰花粽礼盒,</span><span>09蛋黄海味咸肉粽,</span><span>15福利礼盒,</span><span>14好粽铁盒,</span><span>16锦绣浓情粽礼盒,</span><span>09蛋黄海味咸肉粽,</span></div><button class="btn btn-sm btn-info closeBtn" type="button" style="display: inline-block;">关闭</button></td>
         </tr>
         <tr>
          <td>2</td>
          <td class="text-left">宝泰吉之岛分店</td>
          <td class="text-left is_verify"><div class="form-group protext"><span>20冰粽礼盒,</span><span>19冰花粽礼盒,</span><span>09蛋黄海味咸肉粽,</span><span>15福利礼盒,</span><span>14好粽铁盒,</span><span>16锦绣浓情粽礼盒,</span><span>09蛋黄海味咸肉粽,</span></div><button class="btn btn-sm btn-info is_verifyA" type="button" style="display: inline-block;">展开查看详情</button></td>
          <td>华南大区</td>
          <td>广东省</td>
          <td>广州市</td>
          <td>广州酒家演示系统</td>
          <td>特殊渠道</td>
          <td>团购</td>
          <td><a href="{:url('Other/netgathermodify')}">修改</a></td>
         </tr>
         <tr class="is_hiddenTr text-left">
          <td colspan="10"><div class="form-group"><span>20冰粽礼盒,</span><span>19冰花粽礼盒,</span><span>09蛋黄海味咸肉粽,</span><span>15福利礼盒,</span><span>14好粽铁盒,</span><span>16锦绣浓情粽礼盒,</span><span>09蛋黄海味咸肉粽,</span></div><button class="btn btn-sm btn-info closeBtn" type="button" style="display: inline-block;">关闭</button></td>
         </tr>
    </table>
    <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                    总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                    每页显示
                    <select id="pagesize">
                        <option value='10' selected>10条</option>
                        <option value='15'>15条</option>
                        <option value='20'>20条</option>

                    </select>
                </h5>
    <!-- <h3 class="text-center"><img src="__STATIC__/layout/img/zwsj.png"></h3> -->

<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
  <script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script>
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
   
    $(document).ready(function () {
        $('#reset').on('click',function () {
            $("#form1 input").each(function(){
                $(this).val('');
            });
            $("#form1 select").each(function(){
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })
    })   
$(document).ready(function(){
     var $gysText=$(".protext");
                 var num =115;
                 $gysText.each(function(){
                     wordlimit($(this),num)
                 })
})

/*超出省略*/
   function wordlimit(cname,num){
　          for(var i=0;i<cname.length;i++){
　　　　　　var nowLength=cname[i].innerHTML.length;
                if(nowLength>num){
                  return cname[i].innerHTML=cname[i].innerHTML.substr(0,num)+'...'
                  }
                }
              }

/*点击展开查看详情*/
$(document).on("click",'.is_verifyA',function(){

    var $is_hiddenTr=$(this).parent().parent().next('tr')
    if($is_hiddenTr.hasClass('is_hiddenTr')){
      $is_hiddenTr.removeClass('is_hiddenTr')
      $(this).text("关闭")
    }else{
      $is_hiddenTr.addClass('is_hiddenTr');
       $(this).text("展开查看详情")
    }
  })
/*点击关闭*/
  $(document).on("click",'.closeBtn',function(){
    // // console.log($(this))
    $(this).parent().parent().addClass('is_hiddenTr')
    $(this).parent().parent().prev("tr").children("td").find(".is_verifyA").text("展开查看详情");
  })

</script>
</body>

</html>